<template>
  <div>
    <img class="img" :src="userInfo.img" alt="">
    <h1>{{userInfo.name}}</h1>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  computed:  {
    ...mapState(['userInfo'])
  }
  
}
</script>

<style lang="scss" scoped>
img {
  width: 100%;
}
</style>